<head>

  <title>BuyCycle</title>
 <!-- Loading Bootstrap -->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">

    <!-- Loading Flat UI -->
    <link href="css/flat-ui.css" rel="stylesheet">
    <link href="css/demo.css" rel="stylesheet">
  
</head>

<body>
  {{>buycontent}}


<div class="row demo-row">
        <div class="col-md-3">
          <a href="#fakelink" class="btn btn-block btn-lg btn-primary">Primary Button</a>
        </div>

        <div class="col-md-3">
          <a href="#fakelink" class="btn btn-block btn-lg btn-warning">Warning Button</a>
        </div>
        <div class="col-md-3">
          <a href="#fakelink" class="btn btn-block btn-lg">Default Button</a>
        </div>
        <div class="col-md-3">
          <a href="#fakelink" class="btn btn-block btn-lg btn-danger">Danger Button</a>

        </div>
      </div> <!-- /row -->
    


</body>

<!--buy content-->
<template name="buycontent">
<div class"span5">
<div style="float:right">
{{loginButtons align="right"}}
</div>
</div>











<div class="allContent">
<table>
<tr>
<td>
<table>
<tr>

<div id="categories" class="row demo-row">

<h1> Categories </h1>
{{#each categories}}

<div class="category">
{{this}}
</div>
{{/each}}

</div>

</tr>

<tr>
<div id="available_filters">
<h1> Available Filters </h1>
{{#each available_filters}}
<div class="filter">
{{this}}
</div>
{{/each}}
</div>
</tr>

<tr>
<div id="available_values">
<h1>Available Values</h1>
{{#each available_values}}
<div class="selected">
{{this}}
</div>
{{/each}}
</div>
</tr>


</table>
</td>
<td>
<div id="available_products">
<h1> Available Products</h1>
{{#each available_products}}
<div class="product">
{{name}}
<br>
{{make}}
</div>
{{/each}}
</div>

</td>

<td>
<table>

<tr>
<div id="current_query">
<h1>Current Query</h1>
{{query_json}}
</div>
<br>

</tr>

<tr>
<div id="deselected_values">
<h1>Deselected Values</h1>
{{#each deselected_values}}
<div class="deselected">
{{this}}
</div>
{{/each}}
</div>
</tr>


<tr>
<div id="tracks">
<h1>Tracks</h1>
{{#each tracks}}
<div class="track">
{{this}}
</div>
{{/each}}
</div>
</tr>

</table>
</td>
</tr>
</table>
</div>


</template>



